<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>
        .a{
            width:300px;
            margin:80px auto;
        }
        .a > img{
            background-color: rgb(255, 84, 65);
            display: block;
            margin:auto;
        }
        input{
            box-sizing: border-box;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            height:50px;
            width:300px;
            padding: 10px;
            outline:none;
        }
        input:focus{
            border: 2px solid #4a4a4a;
        }
        button{
            height:50px;
            width:300px;
            background-color: rgb(255, 84, 65);
            border:0px;
        }
    </style>
    <body>
        <div class="a">
            <img src="images/mi-logo.png" alt="">
            <h1 align = "center">小米账号登录</h1>
            <input type="text" placeholder="邮箱/手机/小米ID">
            <input type="text" placeholder="密码">
            <button>登录</button>
        </div>
    </body>
</html>